<template>
  <el-dialog :title="title">
    <el-form v-model="coachForm">
      <el-form-item label="教练">
        <el-select v-model="coachForm.coachs" multiple>
          <el-option v-for="c in myCoachList" :key="c.id" :label="c.realName" :value="c.id">
            <div class="optionFlex">
              <el-avatar :size="60" :src="c.picUrl" />
              <p class="name">{{ c.realName }}
                <span v-if="c.sex=='0'">(女)</span>
                <span v-else>(男)</span>
              </p>
            </div>
          </el-option>
        </el-select>
      </el-form-item>
      <el-form-item label="领队">
        <el-select v-model="coachForm.leaders" multiple>
          <el-option v-for="c in myCoachList" :key="c.id" :label="c.realName" :value="c.id">
            <div class="optionFlex">
              <el-avatar :size="60" :src="c.picUrl" />
              <p class="name">{{ c.realName }}
                <span v-if="c.sex=='0'">(女)</span>
                <span v-else>(男)</span>
              </p>
            </div>
          </el-option>
        </el-select>
      </el-form-item>
      <el-form-item label="其他">
        <el-select v-model="coachForm.others" multiple>
          <el-option v-for="c in myCoachList" :key="c.id" :label="c.realName" :value="c.id">
            <div class="optionFlex">
              <el-avatar :size="60" :src="c.picUrl" />
              <p class="name">{{ c.realName }}
                <span v-if="c.sex=='0'">(女)</span>
                <span v-else>(男)</span>
              </p>
            </div>
          </el-option>
        </el-select>
      </el-form-item>
      <el-form-item>
        <el-button type="success">确定</el-button>
      </el-form-item>
    </el-form>
  </el-dialog>
</template>

<script setup>

</script>

<style scoped lang="scss">

</style>
